<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>cegs</title>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript" src="/js/bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript" src="/js/bootstrap/js/bootstrapValidator.js"></script>
    <script type="text/javascript" src="/js/moment.js"></script>
    <script type="text/javascript"
            src="/js/jquery.form.js"></script>
    <!-- bootstrap-table.min.js -->
    <script src="/js/bootstrap-table/bootstrap-table.min.js"></script>
    <!-- 引入中文语言包 -->
    <script src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
    <link href="/css/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/js/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/bootstrap-datetimepicker.css">
    <script type="text/javascript" src="/js/jquery.sselect.js"></script>
    <script type="text/javascript" src="/js/bootstrap-datetimepicker.js"></script>
    <style type="text/css">
        * { margin: 0;padding: 0; }
        .waper{padding: 20px;}
        caption{text-align: center; font-size: 24px; }
        table tr td{ width: 250px;text-align: center; word-break: break-all;}
    </style>
</head>
<body>
    <div class="waper">
        <table class="table">
            <caption>人员姓名</caption>
            <tbody id="content">
            </tbody>
        </table>
    </div>


</body>
<script type="text/javascript">
    var result = parent.compareResult
    var tableS = '<tr>';
    for (var i in result) {
        tableS += '<td>' + result[i] + '</td>';
        if ((Number(i) + 1) % 3 == 0) {
            tableS += '</tr>';
            $("#content").append(tableS);
            tableS = '<tr>';
        }
    }
</script>
</html>